.main {
  position: relative;
  background-color: rgb(247,247,247);

  // banner
  .banner {
		margin: 20rpx 24rpx;
    // margin-top: 90rpx;
		// background-color: rgb(247,247,247);
    .img-swipe {
      width: 100%;
      height: 270rpx;
      
      overflow: hidden;
      margin: 0 auto;
      text-align: center;

      image {
				border-radius: 20rpx;
        width: 98%;
				height: 100%;
      }
    }

    .dots-container {
			position: relative; 
      margin: 14rpx 0;

      .dot {
        margin: 0 8rpx;
        width: 10rpx;
        height: 10rpx;
        background: rgba(255, 255, 255, 1);
        border-radius: 5rpx;
      }

      .dot.active {
        width: 25rpx;
        height: 10rpx;
        background: rgba(251, 210, 32, 1);
        border-radius: 5rpx;
      }
    }
  }

  //菜单
  .menu{
		padding: 0 24rpx;
    margin-bottom: 20rpx;
		background-color: #fff;
		padding-bottom: 20rpx;

    .menu-list {
      margin-top: 24rpx;

      .menu-item{
        text-align: center;
				
        .item-img {
          width: 60rpx;
          height: 60rpx;
        }

        .item-text{
          font-size: 24rpx;
          font-weight: 500;
          color: #333
        }

        .brand-img {
          width: 60rpx;
          height: 60rpx;
          background: #00C777;
        }

        .price-text {
          padding: 13rpx;
					background: #F2F2F2;
          border-radius: 5rpx;
          font-size: 24rpx;
          font-weight: 500;
          color: #666；

          &:last-child {
            color: #333;
          }
        }
      }
    }
  }
  //快捷入口
	.entrance{
		padding: 1rpx 0;
		background-color: #fff;
	
		.center {
			height: 178rpx;
			padding: 0rpx 24rpx;
		  color: #fff;
		  font-size: 42rpx;
		  font-weight: bolder;
			// background-color: rgb(247,247,247);
			
		  // box-shadow: 0 0 40rpx #F2F2F2;
		  margin: 20rpx 0;
		
		  image{
				width: 223rpx;
				height: 100%;
			}
		}
	}
  

  //推荐车辆
  .car-list {
    margin-bottom: 24rpx;

    &:nth-child(odd) {
      margin-right: 13rpx;
    }
  }

  .default {
    font-size: 24rpx;
    color: #666;
    text-align: center;
    margin-bottom: 24rpx
  }
	//列表内容	
	.list-box{
		height: 100vh;
		
		//推荐列表
		.recommend{
			line-height: 80rpx;
			background-color: #fff;
			text-align: center;
			border-radius: 0px 0px 20rpx 20rpx;
		}
		
		.dropdownAll{
			background-color: #fff;
			position: relative;
			padding: 0 24rpx;
			
			//品牌
			.brand{
				background-color: #fff;
				border-radius: 0px 0px 20rpx 20rpx;
				line-height: 70rpx;
				
				&-list{
					margin-left: 20rpx;
				}
			}
		}

		//下拉列表
		.dropdown2{
			background-color: #fff;
			border-radius: 0px 0px 20rpx 20rpx;
			height: 232rpx;
			
			.sortList{
				line-height: 80rpx;
				text-align: center;
			}
			//首付
			.list{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				border-bottom: 2rpx solid #EEEEEE;
				.item-list{
					margin-left: 30rpx;
					line-height: 70rpx;
				}
			}
			
			//月供
			.list2{
				display: flex;
				flex-wrap: wrap;
				border-bottom: 2rpx solid #EEEEEE;
				.item-list{
					margin-left: 30rpx;
					line-height: 70rpx;
				}
			}
			.bottom{
				text-align: center;
				line-height: 90rpx;
				text{
					color: #EB5C02;
				}
			}
		}
			
		.swiper-item{
			// width: 100%;
			background-color: rgb(247,247,247);
			flex: 1;
		}
	}
	//siwper
	.swiper{
		
		.item{
			height: 100%;
			width: 100%;
			-webkit-overflow-scrolling: auto
		}

		//默认图
		.defaultMap{
			padding-top: 100rpx;
			width: 100%;
			height: 85vh;
			text-align: center;
				image{
					width: 263rpx;
					height: 277rpx;
				}

			.texna{
				font-size: 28rpx;
				color: #999999;
			}
		}
	}
	
	//激活
	.active{
		color: #FBB000;
	}
	.type-active{
		width: 180rpx;
		height: 60rpx;
		background: #FFE23E!important;
		border-radius: 10rpx;
		text-align: center;
		line-height: 60rpx;
	}
	.type{
		background: #EEEEEE;
		width: 180rpx;
		height: 60rpx;
		border-radius: 10rpx;
		text-align: center;
		line-height: 60rpx;
		margin-top: 30rpx;
	}
		
}

	.item {
		position: relative;
		margin-top: 0 !important;
	}

	.scroll {
		width: 80%;
		overflow: hidden;
		white-space: nowrap;
	}

	// 重置
	.reset {
		height: 80rpx;
		background-color: #EEEEEE;
		position: relative;

		&-history {
			height: 80rpx;
		}

		&-right {
			position: absolute;
			top: 15rpx;
			right: 24rpx;
			font-size: 26rpx;
			height: 50rpx;
			font-weight: 500;
			padding-left: 20rpx;
			color: #999999;
			border-left: 2rpx solid #DBDBDB;
		}

		// 品牌名字
		&-name {
			padding: 0 10rpx;
			height: 58rpx;
			margin-left: 20rpx;
			background: #DDDDDD;
			border-radius: 10rpx;
			line-height: 58rpx;

			view {
				margin-left: 5rpx;
			}
		}
	}